The SGV icons.
import Activity from '@comfortdelgro/compass-icons/react/activity'
or with iconify
import {Icon} from '@iconify/react'
import activityIcon from '@comfortdelgro/compass-icons/iconify/activity'rom '@comfortdelgro/react-compass/icon'
import AddressBookFilled from '@comfortdelgro/compass-icons/react/filled/address-book-filled'
<IconBox
component={<AddressBookFilled width={40} height={40} />}
name='AddressBookFilled'
/>import AddressBookOutlined from '@comfortdelgro/compass-icons/react/outlined/address-book-outlined'
<IconBox
component={<AddressBookOutlined width={40} height={40} />}
name='AddressBookOutlined'
/>import Compass from '@comfortdelgro/compass-icons/react/colorful/compass'
<IconBox
component={<ClubhouseColorful width={40} height={40} />}
name='Clubhouse'
/>import Activity from '@comfortdelgro/compass-icons/react/activity'
<IconBox component={<Activity width={40} height={40} />} name='Activity' />import FlagAbw from '@comfortdelgro/compass-icons/react/country/flag-abw'
<IconBox component={<FlagAbw width={40} height={40} />} name='FlagAbw' />import SVG from '@comfortdelgro/compass-icons/react/file/svg'
<IconBox component={<AepGrayFile width={40} height={40} />} name='AepGray' /><Activity width={20} height={20} color='red' />
or with iconify
<Icon icon={activityIcon} width={20} height={20} />
| Name | Type | Default | Description |
|---|---|---|---|
| color | string |
— | Color of the icon |
| height | number |
— | Height of the icon |
| width | number |
— | Width of the icon |
| id | string |
— | Unique ID of the icon |
| style | string |
— | Style of the icon |
| className | CSS |
— | Class name of the icon |